<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>浮动层</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
    <div class='top'>
        <span ><a href="#">登陆</a></span>
    </div>
    <div>
        <p class="describe">点击半透明遮罩或浮出层顶部关闭按钮,关闭浮出层</p>
        <p class="describe">点击页面深绿色头部登录按钮,显示浮出层</p>
        <p class="describe">拖拽浮出层顶部,可使其移动</p>
        <p class="describe">拖拽浮出层右边框或下边框,可改变其大小</p>

    </div>

    <div class="login_div">

    </div>
    <div class="login">
        <div class="right_div"></div>
        <input type="button" class="exit" value="x">
        <span id="move">登陆</span><br>
        <form method="post" >
        <input type="text" class="username" placeholder="请输入用户名">
        <input type="password" class="pwd" placeholder="请输入密码"><br>
        <input type="submit" class="submit" value="登陆">
        </form>
        <div class="change"></div>

        <div class="bottom_div"></div>
    </div>
<script src="task37.js"></script>
</body>
</html>